.fl{float: left;}
.fr{float: right;}
.box-contentfir{
	margin: 0 auto;
	display: block;
}
.box-contentfir .text-content{
	font-size: .24rem;
	margin-top: .2rem;
	display: inline-block;
}
.sec-title{
	font-size: .3rem;
}
.sec-title p.sectitle{
	font-size: .24rem;
	color: #333333;
	margin-top: .18rem;
}
.bottom_style_list {
    width: 100%;
    text-align: center;
    height: 0;
    margin-bottom:.22rem;
}

.bottom_style_list .frist_yellow {
    display: inline-block;
    width:.44rem;
    height:.03rem;
    background-color: #ffd400;
}

.bottom_style_list .second_bule {
    display: inline-block;
    width:1rem;
    height:.03rem;
    background-color: #2284f1;
    margin: 0 .05rem;
}

.bottom_style_list .third_red {
    display: inline-block;
    width:.44rem;
    height:.03rem;
    background-color: #ff3838;
}
.box-contentsec{
	margin: 0 auto;
	display: block;
}
.box-list{
	padding: 0 .15rem;
	float: left;
	margin-left: .1rem;
	background: #fff;
	height: 1.5rem;
}
.box-list p.name{font-size: .26rem;margin: .2rem 0;}
.box-list p.text{font-size: .24rem;color: #CCCCCC;}
input,select{
	 font: 100% tahoma, \5b8b\4f53, arial;
    vertical-align: baseline;
    border-radius: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
   	outline: none;
}
.login-content{
	width: 85%;
	padding: .3rem;
	background: #fff;
	border-radius: 8px;
	margin: 0 auto;
	position: relative;
	top: 20%;
	padding-top: 1.5rem;

}
.login-content .select-box{
	width: 100%;
	padding:0 .2rem;
	border-radius: 5px;
	background: #ddfaf6;
	margin-bottom: .3rem;
}
.login-content .select-box select{
	border: none;
	width: 100%;
	height: .8rem;
    color: #667173;
    font-size: 0.3rem;
}
.login-content .select-box input{
    height: .8rem;
    border: none;
    font-size: 0.3rem;
    background: none;
    color: #667173;
    text-align: left;
}
.btn-block {
    text-align: center;
    position: relative;
    border: none;
    pointer-events: auto;
    width: 100%;
    display: block;
    font-size: 0.36rem;
    height: 1rem;
    line-height: 1rem;
    margin-top: 0.5rem;
    border-radius: 3px;
}
/*index*/
.index-content{
	height:3.2rem;
	background:#263238;
	text-align: center;
}
.index-content img{
	width:20%;border-radius: 50%;display:inline-block;
	margin-top: .4rem;
}
.index-content p.name{
	text-align: center;
	color: #fff;
	margin: .1rem 0;
	font-size: .24rem;
}
.index-content p.type{
	text-align: center;
	color:rgba(163,175,183,.9);
	font-size: .24rem;
}
.list-theme4 .list-item .list-button{
	width:2rem;
}
.list-theme4 .list-item .list-button p{
	background: #00d0ba;
	border-radius:25px;
	font-size: .24rem;
	padding: .15rem 0;
	color: #fff;
	text-align: center;
	width: 80%;
	margin:auto;
	margin-top:10%;
}
.list-theme4 .list-item .list-button a{
	background: #00d0ba;
	border-radius:25px;
	font-size: .24rem;
	padding: .15rem 0;
	color: #fff;
	text-align: center;
	width: 80%;
	margin:auto;
	margin-top:10%;
	display: block;
}
.list-theme4 .list-item .list-button p.change{
	background: #EB5211;
}
.coureseinfo-text{
	padding: .2rem;
	background: #fff;
	font-size: .26rem;
	color: #2A2A2A;
	margin-bottom: .2rem;
}
.coureseinfo-text h1{
	color:#00d0ba;
	font-size: .3rem;
	margin-bottom: .2rem;
}
.coursecontent{
	background: #fff;
	padding: .2rem;
	font-size: .26rem;
	border-bottom: 1px solid #E7E7E7;
}
.tuzhibox{
	width: 80%;
	height: 3rem;
	border-radius:20px;
	line-height: 3rem;
	background:#00d0ba;
	margin:.3rem auto;
	text-align: center;
	font-size: .3rem;
	color: #fff;
	display: block;

}
.noshuju{
	width: 100%;
	height:8rem;
	background: url('../img/zanwu.png') no-repeat center;
	background-size:100%;
}
/*角色划分*/
.arrange-seats{
	padding: .2rem;
	background: #fff;
	position: relative;
}
.seats-list{
	position: relative;
	width:100%;
	float: left;
	margin-bottom: .3rem;
}
.seats-list .head-content{
	width: 100%;
	
}
.seats-list .head-content p.radius{
	width: 1rem;
	height:1rem;
	border-radius: 50%;
	background: #E5E5E5;
	margin: 0 auto;
	color: #2A2A2A;
	font-size: .24rem;
	text-align: center;
	line-height: 1rem;
	cursor: pointer;
}
.seats-list .head-content p.test{
	text-align: center;
	color: #2A2A2A;
	margin-top: .1rem;
}
.seats-list .head-content p.change{
	background:#4e97d9;
	color: #fff;
}
.seats-list .center-content{
	position: relative;
}
.seats-list .center-content .left-box{
	width: 33%;
	text-align: center;
	float: left;
	padding-top: .2rem;
}
.seats-list .center-content .left-box p.radius{
	width: 1rem;
	height:1rem;
	border-radius: 50%;
	margin: 0 auto;
	background: #E5E5E5;
	margin-right: .2rem;
	line-height:1rem;
	cursor: pointer;
	
}
.seats-list .center-content .left-box p.test{
	text-align: right;
	color: #2A2A2A;
	margin-top: .1rem;
	margin-right: .1rem;
}
.seats-list .center-content .left-box p.change{
	background: #4e97d9;
	color: #fff;
}
.seats-list .center-content .left-box p:nth-child(3){
	margin-top: .2rem;
}
.seats-list .center-content .center-box{
	width: 34%;
	float: left;
}
.seats-list .center-content .center-box .box-content{
	width: 100%;
	height: 3.2rem;
	margin: 0 auto;
	border-radius: 8px;
	background:#00d0ba;
	background-size: 100% 100%;
	text-align: center;
}
.seats-list .center-content .center-box .box-content p{
	padding: 0 .1rem;
	padding-top: .2rem;
	color: #fff;
	text-align: center;
}
.seats-list .center-content .center-box .box-content input{
	width: 80%;
	margin: 0 auto;
	background: #fff;
	color: #2A2A2A;
	border: none;
	text-align: center;
	margin:.1rem 0;
	height:1.2rem;
	line-height: 1.2rem;
	border-radius: 10px;
}
.seats-list .center-content .center-box .box-content input:nth-child(1){
	margin-top: .3rem;
}
.seats-list .center-content .right-box{
	width: 33%;
	text-align: center;
	float: left;
	padding-top: .2rem;
}
.seats-list .center-content .right-box p.radius{
	width: 1rem;
	height:1rem;
	border-radius: 50%;
	margin: 0 auto;
	background: #E5E5E5;
	margin-left: .2rem;
	color: #2A2A2A;
	line-height:1rem;
	cursor: pointer;
}
.seats-list .center-content .right-box  p.test{
	text-align: left;
	color: #2A2A2A;
	margin-top: .1rem;
	margin-left:.1rem;
}
.seats-list .center-content .right-box p.change{
	background: #4e97d9;
	color: #fff;
}
.seats-list .center-content .left-box p:nth-child(3){
	margin-top: .2rem;
}
.seats-list .center-content .right-box p:nth-child(3){
	margin-top: .2rem;
}
.seats-list .bottom-content{
	width: 100%;
}
.seats-list .bottom-content p.radius{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #E5E5E5;
	margin: 0 auto;
	text-align: center;
	line-height: 1rem;
	cursor: pointer;
}
.seats-list .bottom-content p.change{
	background: #4e97d9;
	color: #fff;
}
.seats-list .bottom-content p.test{
	text-align: center;
	color: #2A2A2A;
	margin-top: .1rem;
}